<!--
  描述：拖放地图组件，默认尺寸是 500 * 300

  接收属性参数：
    lat: 纬度
    lng: 经度

  自定义事件：
    drag: 拖放完成事件

  示例：
    <mapDrag @drag="dragMap" lat="22.574405" lng="114.095388"></mapDrag>
-->
<template>
    <div id="container"></div>
</template>

<script>
	const AMap = window.AMap

	export default {
		name: 'Map',
		mounted() {
			const map = new AMap.Map('container', {
				resizeEnable: true, //是否监控地图容器尺寸变化
				zoom: 14, //初始化地图层级
			});
			map.plugin(["AMap.ToolBar"], function () {
				//加载工具条
				var tool = new AMap.ToolBar({
					position: 'RB',
					direction: false,
					ruler: true,
				});
				map.addControl(tool);
			});
		}
	}
</script>

<style scoped lang="scss">
    #container {
        width: 100%;
        height: 100%;
    }
</style>
